<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        body { /*背景设置*/
            background-image: url("4f71747704adea3b409b1f7015934e7c.jpeg");
            background-repeat: no-repeat;
            background-size: cover;
        }
        #box {
            width: 50%;
            height: auto;
            overflow: hidden;
            /*border: 2px solid red;*/
            margin: 100px auto;
        }
        #box a {
            color:whitesmoke;
            text-decoration: none;
            font-size: 15px;
            margin-left:100px ;
        }
        a:hover {
            color: blue;
        }
        #box .text1
        {
            float: right;
            margin-right:100px ;
        }

        #box .parts1 {/*内部盒子*/
            background-color: white;
            width: 650px;
            height: auto;
            overflow: hidden;
            margin-left:100px ;
            margin-top: 15px;
        }
        #box .parts1 img
        {
            width: 300px;
            height: auto;
            margin:10px 150px ;
        }
        #box .parts1 input {
            width: 500px;
            height: 30px;
            margin-left:60px ;
            color: gray;
            font-size: 15px;
            margin-bottom: 30px;
        }

        #box .parts1 span {
            display: block;
            color: gainsboro;
            margin-left:60px;
            margin-bottom:10px;

        }

        #box .parts1 .check {
            margin-left: 100px;
            /*border: 2px solid red;*/
            width: 30px;
            float: left;
        }
        #box .parts1 .text2 {
            margin-top: 5px;
            margin-left: 60px;
            display: inline;/*线性标签*/
            /*border: 2px solid red;*/
        }
        #box .parts1 .text3 {
            margin-top: 5px;
            margin-left:0px ;
            display: inline;/*线性标签*/
            /*border: 2px solid red;*/
        }

        #box .parts1 .Link1 {
            color: orange;
            /*border: 2px solid red;*/
            margin: 0;
        }

        /*#box .parts1 .Link2 {*/
        /*    display: block;*/
        /*    border: 2px solid red;*/
        /*    width: 500px;*/
        /*    margin-top:20px;*/
        /*    background: orange;*/
        /*    text-align: center;*/
        /*}*/

        #box span
        {
            color: white;
            margin-left:100px ;
        }

        #box .Link2 {
            display:inline-block;
            /*border: 2px solid red;*/
            margin-left:240px ;
            margin-top: 10px;
        }





    </style>
</head>
<body>
    <div id="box">
        <a href="#">返回首页</a>
        <a href="#" class="text1">没有账号? 去注册</a>

        <div class="parts1">
            <img src="./89b3be527cc119f0f16d8b62ec69337c.jpeg" alt="58同城" title="58同城">
            <input type="text" value="   &nbsp;手机号">
            <input type="text" value="   &nbsp;动态码">
            <input type="text" value="   &nbsp;用户名">
            <span>用户名：4-20个字符，支持汉字、字母、数字2种及以上组合</span>
            <input type="text" value="   &nbsp;设置密码">
            <span>密码：8-16个非连续或重复的字符</span>
            <input type="text" value="   &nbsp;确认密码">

            <input class="check" type="checkbox">

            <span class="text2">已阅并同意 </span>
            <a class="Link1" href="#">《58同城使用协议》</a>
            <span class="text3">&</span>
            <a class="Link1" href="#">《隐私政策》</a>

<!--            <a class="Link2" href="#">确定</a>-->
        </div>

        <span> © 58.com</span>
        <a class="Link2" href="#">联系客服</a>
        <a class="Link2" href="#">帮助</a>

    </div>

</body>
</html>